<!doctype html>
<html lang="en" class="no-js">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
	<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->

	<title>i WORK</title>

	<style>body{font-family: "microsoft yahei";}</style>
</head>
<body>
	<header class="cd-header">
		<div id="cd-logo" style="color: white;font-weight: bold;">i WORK</div>
		<div id="cd-action"><a href="http://zhuhao0321.gitee.io/go-to-work/i WORK/APP/update.apk" class="btn">Download</a></div>
	</header>

	<main class="cd-main-content">
		<div class="cd-product-intro">
			<h1>i WORK</h1>
			<p>一款专属南烟的倒班软件。单击开始按钮，查看APP介绍。
			</p>
			<div class="cd-triggers">
				<a href="http://zhuhao0321.gitee.io/go-to-work/i WORK/APP/update.apk" class="btn">Download</a>
				<a href="#cd-product-tour" class="btn salmon" data-type="cd-tour">Start</a>
			</div>
            <a href="http://zhuhao0321.gitee.io/go-to-work/i%20WORK/Page/index.html" style="position:relative;top:20px;">点我访问网页版</a>
		</div> <!-- cd-product-intro -->

		<div id="cd-product-tour">
			<ul>
				<li class="cd-single-item cd-active">
					<div class="cd-caption">
						<h2>倒班日历一目了然</h2>
						<p>想查询某天的上班情况，可直接选择指定日期查看，也可左右滑动日历，按月查看。
						</p>
					</div>
					<div class="cd-image-container">
						<div>
							<div class="cd-phone-frame"></div>
							<div class="cd-image-wrapper">
								<img src="img/screen-1.png" alt="Screen Preview 1">
							</div>
						</div>
					</div>
				</li>
				<li class="cd-single-item cd-not-visible cd-move-right">
					<div class="cd-caption">
						<h2>换班助手一键可查</h2>
						<p>点击要查询的指定日期，点击“换”按钮，即可查看该日期的调班情况，同时还提供了回调提示。
						</p>
					</div>
					<div class="cd-image-container">
						<div>
							<div class="cd-phone-frame"></div>
							<div class="cd-image-wrapper">
								<img src="img/screen-2.png" alt="Screen Preview 2">
							</div>
						</div>
					</div>
				</li>
				<li class="cd-single-item cd-not-visible cd-move-right">
					<div class="cd-caption">
						<h2>更多功能开发中。。。</h2>
						<p>敬请期待。。。	
						</p>
					</div>
					<div class="cd-image-container">
						<div>
							<div class="cd-phone-frame"></div>
							<div class="cd-image-wrapper">
								<img src="img/screen-3.png" alt="Screen Preview 3">
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div> 

		<div class="cd-slider-nav">
			<a class="cd-prev" href="#0">Previous</a>
			<a class="cd-next" href="#0">Next</a>
		</div> <!-- cd-slider-nav -->

		<div class="cd-loader"></div> <!-- top loading bar -->
	</main>
	
<script src="js/jquery-2.1.1.js"></script>
<script src="js/main.js"></script> <!-- Resource jQuery -->

</body>
</html>